/* m-dialog */
.m-dialog-mask {
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition-duration: .25s;

	&.m-mask-visible {
		opacity: 1;
	}
}

.m-dialog {
	position: fixed;
	z-index: 999;
	top: 48%;
	left: 50%;

	width: 74%;
	max-width: 270px;
	text-align: center;
	border-radius: 2PX;
	background-color: #fff;

	transition-duration: .25s;
	opacity: 0;
  	visibility: hidden;
	transform: scale(.9) translate(-50%, -50%);
	transform-origin: 0 0;

	&.m-dialog-visible {
		opacity: 1;
		visibility: visible;
		transform: scale(1) translate(-50%, -50%);
	}
}

// .m-dialog-confirm {
// 	.m-dialog {
// 		.m-dialog-hd {
// 			padding: 1.2em 20px .5em;
// 		}
// 		.m-dialog-bd {
// 			text-align: left;
// 		}
// 	}
// }
// .m-dialog-title {
// 	font-size: 16px;
// 	font-weight: 400;
// }
// .m-dialog-hd {
// 	padding: 1.2em 0 .5em;
// }

.m-dialog-bd {
	font-size: 17px;
	padding: 35px 20px;
	word-wrap: break-word;
	word-break: break-all;
}

.m-dialog-ft {
	font-size: 15px;
	line-height: 42px;
	position: relative;
	display: flex;

	a {
		flex: 1;
		display: block;
		text-decoration: none;
		color: @dialog-btn-primary;
	}

	&:after {
		.top-line(@color: #dbdbdb)
	}
}

// .m-dialog-confirm {
// 	.m-dialog-ft {
// 		a {
// 			position: relative;

// 			&:not(:first-child):after {
// 				.left-line(@color: #dbdbdb);
// 			}
// 		}
// 	}
// }

.m-btn-dialog {
	& + .m-btn-dialog {
		position: relative;

		&:after {
			.left-line(@color: #dbdbdb);
		}
	}

	&.default {
		color: @dialog-btn-default;
	}

	&.primary {
		color: @dialog-btn-primary;
	}
}

// .m-input {
// 	font-size: inherit;
// 	color: inherit;
// 	border: 0;
// 	outline: 0;
// 	background-color: transparent;
// 	-webkit-appearance: none;
// }
// .m-prompt-input {
// 	box-sizing: border-box;
// 	width: 100%;
// 	height: 2em;
// 	margin-top: 10px;
// 	padding: 4px;
// 	border: 1PX solid #dbdbdb;
// }